<template>
    <div class="loginOuter">
        <div class="login_bj"><img src="~assets/images/login_bj.png" alt=""></div>

        <div class="login_body">
            <van-tabs title-inactive-color="#2a2b2d" title-active-color="#0099ff" line-width="5%" line-height="2px" :border="false">
                <van-tab title="登录">
                    <div-login></div-login>
                </van-tab>
                <van-tab title="注册">
                    <div-register></div-register>
                </van-tab>
            </van-tabs>
        </div>
    </div>
</template>

<script>
import divLogin from './Login'
import divRegister from './Register'
export default {
    components: {
        divLogin,
        divRegister
    },
    name: 'loginOuter',
    data(){
        return {
            
        }
    }
}
</script>

<style lang="less" scoped>
.van-tabs /deep/ .van-tabs__nav .van-tabs__line{
    background-color: #0099ff;
}
.van-tabs /deep/ .van-tabs__wrap{
    height: 38px;
}
.van-tabs /deep/ .van-tab__text{
    font-size: 17px;
}
.van-tabs /deep/ .van-tabs__content{
    margin-top: 30px;
}

.login_body /deep/ .van-cell{
    padding: 5px;
}

.login_body /deep/ .van-cell:not(:last-child)::after{
    border-bottom-color: #e4e4e4;
    left: 0;
}

.loginOuter{
    height: 100%;
    // margin: 0 -15px;
    position: relative;
    .login_bj{
        img{
            width: 100%;
        }
    }
    .login_body{
        width: 73.33%;
        margin: 30px auto 0;
        
    }
}
</style>